<%--
  Created by IntelliJ IDEA.
  User: ·6米
  Date: 2021/10/6
  Time: 16:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <!--导入css文件-->
    <link href="${pageContext.request.contextPath}/css/index.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/store.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/mycoupons.css" rel="stylesheet">
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/image/title-img1.png">

    <style>

        /* 头部导航的 */
        .global-header .login-page-header-nav li {
            float: left;
            margin-left: 30px;
        }

        .global-header .login-page-header-nav li i {
            margin-right: 10px;
            font-size: 28px;
            line-height: 1;
            color: #f6a206;
            vertical-align: middle;
        }

        .global-login-iconfont {
            font-family: "login-iconfont", serif;
            font-style: normal;
            font-weight: normal;
            cursor: default;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            *zoom: 1;
        }

        .global-header .login-page-header-nav li span {
            font-size: 14px;
            line-height: 28px;
            color: #666;
            vertical-align: middle;
        }
    </style>
</head>

<link rel="stylesheet" href="${pageContext.request.contextPath}/css/index-1.css">
<link href="${pageContext.request.contextPath}/css/headermenu.css" rel="stylesheet">

<body>
<header id="J-global-header" class="global-header">
    <div class="top-inner">
        <div id="sitenav" class="global-header-top-nav fn-clear">
            <div class="global-header-top-nav-right">
                <li class="top-nav-menu top-nav-menu-user-info" data-role="user-info" data-test="test">
                    <div class="top-nav-menu-handle">
                        <div class="login">
                            <%--                            <a href="${pageContext.request.contextPath}/login.jsp" class="J-login-btn" rel="nofollow" target="_self">登录/注册</a></div>--%>
                            <c:if test="${empty ServiceResponse}">
                                <a href="${pageContext.request.contextPath}/customer/login.jsp">登录/注册</a>
                            </c:if>

                            <c:if test="${!empty ServiceResponse}">
                                欢迎${ServiceResponse.data.custTelno}
                                <a href="${pageContext.request.contextPath}/logout">退出</a>
                            </c:if>
                        </div>
                    </div>
                </li>

                <li class="top-nav-menu top-nav-multi-menu top-nav-dl-app">
                    <div class="top-nav-menu-handle">
                        <i class="global-header-icon top-nav-dl-app-icon"></i>手机版
                    </div>
                    <div class="top-nav-menu-body top-nav-menu-qrcode">
                        <div class="top-nav-menu-bd-panel">
                            <div class="qrcode-img"></div>
                            <p>下载APP 领99元租车红包

                            </p>
                        </div>
                    </div>
                </li>

                <li class="top-nav-pipe">|</li>

                <li class="top-nav-menu top-nav-multi-menu top-nav-wx-guide">
                    <div class="top-nav-menu-handle"><i class="global-header-icon top-nav-wx-guide-icon"></i>微信</div>
                    <div class="top-nav-menu-body top-nav-menu-qrcode">
                        <div class="top-nav-menu-bd-panel">
                            <div class="qrcode-img"></div>
                            <p>扫一扫，关注微信</p>
                        </div>
                    </div>
                </li>
                <li class="top-nav-menu top-nav-multi-menu top-nav-order-lookup">
                    <div class="top-nav-menu-handle">订单查询<i class="top-nav-arrow"><em></em><span></span></i></div>
                    <div class="top-nav-menu-body top-nav-menu-list">
                        <div class="top-nav-menu-bd-panel">
                            <a href="${pageContext.request.contextPath}/center/myorder.jsp">订单查询</a>
                        </div>
                    </div>
                </li>
                <li class="top-nav-menu top-nav-multi-menu top-nav-order-lookup">
                    <div class="top-nav-menu-handle">个人中心<i class="top-nav-arrow"><em></em><span></span></i></div>
                    <div class="top-nav-menu-body top-nav-menu-list">
                        <div class="top-nav-menu-bd-panel">
                            <a href="${pageContext.request.contextPath}/center/user.jsp">进入个人中心</a>
                        </div>
                    </div>
                </li>
                <li class="top-nav-pipe">|</li>

            </div>

            <div class="global-header-top-nav-left">
                <div class="top-nav-menu top-nav-multi-menu top-nav-contact">
                    <div class="top-nav-menu-handle">
                        24小时客服！内地热线：110-120
                        <i class="top-nav-arrow"><em></em><span></span></i>
                    </div>
                    <div class="top-nav-menu-body top-nav-menu-list">
                        <div class="top-nav-menu-bd-panel">
                            <ul>
                                <li>
                                    <span class="title">中国内地热线</span>
                                    <a href="tel:10101020" target="_self" class="tel-number">110-120</a>
                                </li>
                            </ul>
                            <div class="top-nav-menu-bd-code">
                                <div class="qrcode-img"></div>
                                <p class="title">关注微信公众号</p>
                                <p class="text">可查询/修改/取消订单</p>
                                <a class="J-show-robot" href="javascript:" target="_self"
                                   data-tj="/公用头部/在线客服">24小时在线客服</a>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="toolbar fn-clear">
        <div id="slog" class="logo fn-left">
            <a class="sbx-logo" title="思必行-租车" target="_self" href="">

            </a>
        </div>
        <div class="toolbar-site-header-nav">
            <ul class="login-page-header-nav fn-clear">
                <li><i class="global-login-iconfont">&#xe909;</i><span>有驾照就能租</span></li>
                <li><i class="global-login-iconfont">&#xe906;</i><span>地图导航</span></li>
                <li><i class="global-login-iconfont">&#xe908;</i><span>24小时服务在线</span></li>
            </ul>
        </div>

    </div>
</header>

<!--导航-->
<div class="nav">
    <ul class="nav-wrap clear_float" id="J_NavBox">
        <li class="menu-index menu-index-on">
            <a href="${pageContext.request.contextPath}/index.jsp" target="_blank">首页</a>
            <span></span>
        </li>
        <li>
            <a href="${pageContext.request.contextPath}/selfrental/person_rentalcar.jsp" target="_blank">自驾租车</a>
            <span></span>
        </li>
        <li class>
            <a href="${pageContext.request.contextPath}/car/choosecar.jsp" target="_blank">车型查询</a>
            <span></span>
        </li>
        <li>
            <a href="${pageContext.request.contextPath}/memberrent/members.jsp" target="_blank">会员租车</a>
            <span></span>
        </li>
        <li>
            <a href="${pageContext.request.contextPath}/store/store.jsp" target="_blank">营业网点</a>
            <span></span>
        </li>
        <li>
            <a href="${pageContext.request.contextPath}/memberrent/wonderful_activity.jsp" target="_blank">精彩活动</a>
            <span></span>
        </li>
    </ul>
</div>

<div>
    <!-- crumbs -->
    <div id="crumbs">
        <div class="crumbs-bd">
            当前位置：
            <a href="">个人中心</a> &gt;
            常用收件信息
        </div>
    </div>

    <div id="content">
        <div class="content-bd">
            <!--站点导航 右-->
            <div class="col-main">
                <div class="coupon">
                    <h2>我的优惠编码</h2>
                    <div class="coupon-bind">
                        <p class="coupon-bind-tips">在此输入您的优惠编码，点击“绑定”后，此优惠编码将自动绑定您的思必行账户。下次租车时可选择优惠编码抵用租金。</p>
                        <div class="coupon-bind-panel">
                            <h3>优惠编码：</h3>
                            <label for="txtPromotionCode"></label><input id="txtPromotionCode" type="text"
                                                                         placeholder="请输入您的优惠编码">
                            <i style="color: #ff0000;font-style: normal;display: inline-block;padding-right: 10px;">*</i>
                            <a id="btnBind" class="ui-btn" href="">绑定</a>
                        </div>
                    </div>
                    <div></div>
                    <div class="hd">
                        <ul class="ui-tab-hd">
                            <li id="Code" class="ck">
                                <a href="" class="ck">自驾优惠</a>
                            </li>
                        </ul>
                    </div>

                    <div id="divPromotions" class="coupon-list">
                        <table class="ui-table-list">
                            <tbody>
                            <tr>
                                <th class="row-first-cell">优惠券</th>
                                <th>到期时间</th>
                                <th>使用状态</th>
                                <th>使用规则</th>
                            </tr>

                            <tr>
                                <td class="row-first-cell"
                                    data-content="1、自绑定日起2个月有效，仅限取、还车均在同一周周中（周一0时至周四24点）可用且租期满足2天及以上，租期包含任意法定节假日及法定节假日前一天不可使用；<br/>2、适用于经济或舒适车型，仅减免订单中租金最低一日的车辆日租金，最高可减200元，其他费用正常收取； <br/>3、不可与一嗨其他优惠共享，不可重复使用，仅限一嗨国内自驾业务使用；<br/>4、奖品仅限本人使用，不可转让。">
                                    200元优惠券-1088礼包
                                </td>
                                <td>
                                    2021-10-19
                                </td>
                                <td>
                                    <span>未使用</span>
                                </td>

                                <td class="btn-show-rules">
                                    <a href="" data-toggle="modal" data-target="#myModal">使用规则</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="row-first-cell"
                                    data-content="1、新用户注册后，首次租车租期满2天及以上可参加该活动，订单第一天日租金低于100元的减免第一天日租金费用，订单第一天日租金高于100元的最高抵扣日租金100元，其他费用正常收取；<br/>2、优惠券自绑定日起3个月有效，不可重复使用，限新用户本人使用，不与一嗨租车其他优惠活动并用，仅限一嗨租车国内自驾业务使用。">
                                    思必行新用户首日立减100元
                                </td>
                                <td> 2021-11-18</td>
                                <td>
                                    <span class="green bold">未使用</span>

                                </td>

                                <td class="btn-show-rules">
                                    <a href="javascript:void(0)" data-toggle="modal" data-target="#myModal">使用规则</a>
                                    <script type="text/html">
                                        <li>
                                            1、新用户注册后，首次租车租期满2天及以上可参加该活动，订单第一天日租金低于100元的减免第一天日租金费用，订单第一天日租金高于100元的最高抵扣日租金100元，其他费用正常收取；<br/>2、优惠券自绑定日起3个月有效，不可重复使用，限新用户本人使用，不与思必行租车其他优惠活动并用，仅限思必行租车国内自驾业务使用。
                                        </li>
                                    </script>
                                </td>
                            </tr>
                            <tr>
                                <td class="row-first-cell"
                                    data-content="1、自绑定日起6个月有效，单笔订单车辆日租金部分满800元可用，仅减免车辆日租金部分，其他费用正常收取；<br/>2、租期包含任意法定节假日及法定节假日前一天不可使用，不可与一嗨其他优惠共享，仅限一嗨国内自驾业务使用。">
                                    满800减88元优惠券-1088礼包
                                </td>
                                <td> 2022-02-16</td>
                                <td>
                                    <span class="green bold">未使用</span>

                                </td>

                                <td class="btn-show-rules">
                                    <a href="javascript:void(0)" data-toggle="modal" data-target="#myModal">使用规则</a>
                                    <script type="text/html">
                                        <li>
                                            1、自绑定日起6个月有效，单笔订单车辆日租金部分满800元可用，仅减免车辆日租金部分，其他费用正常收取；<br/>2、租期包含任意法定节假日及法定节假日前一天不可使用，不可与思必行其他优惠共享，仅限思必行国内自驾业务使用。
                                        </li>
                                    </script>
                                </td>
                            </tr>
                            </tbody>
                        </table>

                        <div class="ui-page">
                            <div class="pages">
                                <a href="" class="on" data-page-index="1">1</a>
                            </div>
                        </div>
                    </div>

                    <div class="coupon-step">
                        <h3>使用流程：</h3>
                        <p><img src="${pageContext.request.contextPath}/image/promotion_code_step1.png" width="907"
                                height="85" alt="优惠编码使用流程"></p>
                    </div>
                </div>
            </div>

            <!--站点导航 左-->
            <div class="col-sub">
                <dl class="sub-nav">
                    <dt>我的订单</dt>
                    <dd>
                        <a class="" href="myorder.jsp">订单管理</a>
                    </dd>
                    <dt>我的资产</dt>
                    <dd>
                        <a class="" href="">账户余额</a>
                    </dd>
                    <dd>
                        <a class="" href="mycoupons.jsp">我的优惠券</a>
                    </dd>
                    <dt>个人中心</dt>
                    <dd>
                        <a class="" href="user.jsp">用户信息</a>
                    </dd>
                    <dd>
                        <a class="" href="">常用租车人</a>
                    </dd>
                    <dd>
                        <a class=" ck" href="myreceiptaddress.jsp">常用收件信息</a>
                    </dd>
                    <dd>
                        <a class=" ck" href="favorite.jsp">我的收藏</a>
                    </dd>
                    <dd>
                        <a class="" href="">申请注销账户</a>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
</div>

<!--页脚-->
<div class="footer">
    <div class="w1180">
        <div class="website-advantage">
            <ul class="wadvantage-list">
                <li>
                    <span class="city"></span>
                    <p>450多座城市</p>
                </li>
                <li>
                    <span class="dunpai"></span>
                    <p>7000多服务网点</p>
                </li>
                <li>
                    <span class="car"></span>
                    <p>200余种车型</p>
                </li>
                <li>
                    <span class="sun"></span>
                    <p>24小时服务</p>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
